$(function () {
    //首页大屏广告效果
	//1、整体思路a：鼠标移入广告位则静止轮播效果，移出则继续轮播展示广告图，且下标跟随选中效果；
	//2、整体思路b：鼠标移入广告位某一下标则展示其对应的轮播图，则下标跟随选中效果； 
	//3、共同点：下标和轮播图对应展示，即选中第几个下标展示第几个轮播图
	//4、代码a：鼠标移入下标即#jnImageroll div下的a标签时，则获取其在所有a标签中的索引值，
	//并展示其对应的广告图,并在方法加载完后直接触发mouseleave事件
	//5、代码c：如何展示索引值为N的广告图，找到#JS_imgWrap下索引值为N的img标签，做淡入效果，其余淡出，
	//移除chos样式且透明度opacity设置为0.7，将索引值为N的下标的样式设置为chos且透明度opacity为1
	//6、代码b：鼠标移入广告位即#jnImageroll的DIV时，则清除定时器；鼠标移出则设置定时器，
	//定时器中设定每5000毫秒展示某张广告图，从索引值为0开始展示到最后一张，则再轮回到第1张展示
	$("#jnImageroll div a").css("opacity","0.7");



	// //设置定时器全局变量
	// var timer;
	
	// //设置图片轮播的索引位置
	// var num=0;
    // //获取当前页面有多少张图片
	//  var imgLength=$("#jnImageroll img").length-1;
	// //默认第五张自带样式
	//  $("#jnImageroll div a").eq(imgLength).addClass("chos").siblings().removeClass("chos");

	
	// //调用定时器函数，开启轮播
	
	// showTime();
	// function changePic() {
            
	// 		$("#jnImageroll img").eq(num).fadeIn().siblings().fadeOut();
	// 		$("#jnImageroll div a").eq(num).addClass("chos").siblings().removeClass("chos");

	// }
	// //定时器函数
	// function showTime() {
		
	// 	timer=setInterval(() => {
	// 		changePic();
	// 		//第一次num是0，加载第一张图片。依次累加，当加到图片集合的元素最大长度时返回第一张
	// 		num++;
	// 		if(num>imgLength){
    //            num=0;
	// 		}
	// 	}, 1000);
	// }

	// //鼠标悬停轮播图区域时，清除定时器，鼠标移开时，打开定时器
	// $("#jnImageroll div a").hover(function () {

	// 	//获取当前广告区域的索引位置，将值赋给切换图片所需要的索引
	// 		num=$(this).index();
	// 		changePic();
	// 		$(this).addClass("chos").css("opacity","1").siblings().removeClass("chos");
	// 		//鼠标悬停时清楚定时器
			
	// 		clearInterval(timer);
		
	// },function () {
	// 	//鼠标移出，添加定时器继续轮播
	// 	$("#jnImageroll img").stop(true,true)
	// 		showTime();
	// 		$("#jnImageroll div a").css("opacity","0.7")
		
	// });
	// $("#JS_imgWrap").hover(function () {
	// 	clearInterval(timer);
	// },function () {
	// 	showTime();
		
	// })
	//------------------------------------------------------------------------------------------------
	var timer;
	var index=0;
    $("#jnImageroll div a").mouseover(function () {
		index=$(this).index();
		changePic(index);
		$("#jnImageroll img").stop(true,true);
	}).eq(0).mouseover(); //默认第一张显示，自调用一次
	
	//切换图片
	function changePic(i) {
	$("#jnImageroll img").eq(i).fadeIn().siblings().fadeOut();
	$("#jnImageroll div a").eq(i).addClass("chos").css("opacity","1").siblings().removeClass("chos").css("opacity","0.7");
		
	}

	$("#jnImageroll").hover(function () {
		clearInterval(timer);
	},function () {
		timer=setInterval(() => {
            //第一次是0，加载第一张图片。依次累加，当加到图片集合的元素最大长度时返回第一张			
			changePic(index);
			index++;
			if(index>$("#jnImageroll img").length-1){
				index=0;
			}
		},1000);
	}).trigger("mouseout");
	

})